<template>
	<view class="noitem">
		<view class="noIcon" :style="{height:height+'rpx',width:width+'rpx'}">
			<image :src="image" mode="widthFix">
			</image>
		</view>
		<view class="noFont" :style="{size:size+'rpx',color:color}">
			{{text}}
		</view>
		<view>
			<slot></slot>
		</view>
	</view>
</template>

<script>
export default {
	name: "EmptyBox",
	props: {
        image: {
            default: 'https://giftapp.oss-cn-shenzhen.aliyuncs.com/upload/1721716027651904.png',
            typeof: String
        },
        text: {
            default: '暂无数据',
            typeof: String
        },
		height:{
			default: 320,
            typeof: Number
		},
		width:{
			default: 320,
            typeof: Number
		},
		size:{
			default: 28,
            typeof: Number
		},
		color:{
			default: '#666666',
            typeof: String
		}
		
    },
	data() {
		return {

		};
	},
	mounted() {

	}
}
</script>

<style lang="scss">
.noitem {
	display: flex;
	flex-direction: column;
	align-items: center;

	.noIcon {
		width: 320rpx;
		height: 320rpx;
		margin-top: 80rpx;

		image {
			width: 100%;
		}
	}

	.noFont {
		font-size: 28rpx;
		color: #666666;
		margin: 20rpx 0 50rpx 0;
	}

	
}
</style>